<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>SpaceMax | Multi Purpose HTML Template</title>

<link rel="icon" type="image/png" sizes="32x32" href="favicon.png">

<link href="fonts/sfuidisplay.css" rel="stylesheet">

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css">

<link rel="stylesheet" href="css/plugins.min.css">

<link rel="stylesheet" href="css/app.css">

<link rel="stylesheet" href="css/custom.css">
</head>
<body class="theme-royal-blue" data-spy="scroll" data-target="#navbar-nav" data-animation="false" data-appearance="light">

<div class="switcher">
<div class="switcher__toggler d-flex flex-column align-items-center justify-content-center">
<button class="toggler__btn mb-1">
<img src="demo-assets/settings.png" alt="settings">
</button>
</div>
<div class="switcher-wrapper">

<div class="switcher-colors switcher-clone">
<h4 class="switcher__item-title">Change the color style</h4>
<ul class="switcher-tab">
<li class="switcher-tab__item">
<button class="tab-color active">Solid Colors</button>
</li>
<li class="switcher-tab__item">
<button class="tab-gradient">Gradient Colors</button>
</li>
</ul>
<div class="switcher-tab-content switcher-tab__color">
<ul class="switcher-color tab-color-clone active">
<li>
<button data-theme="theme-royal-blue" class="controller theme-royal-blue active"></button>
</li>
<li>
<button data-theme="theme-blue" class="controller theme-blue"></button>
</li>
<li>
<button data-theme="theme-amethyst" class="controller theme-amethyst"></button>
</li>
<li>
<button data-theme="theme-roman" class="controller theme-roman"></button>
</li>
<li>
<button data-theme="theme-amaranth" class="controller theme-amaranth"></button>
</li>
<li>
<button data-theme="theme-orange" class="controller theme-orange"></button>
</li>
<li>
<button data-theme="theme-green" class="controller theme-green"></button>
</li>
<li>
<button data-theme="theme-fern" class="controller theme-fern"></button>
</li>
</ul>
<ul class="switcher-gradient tab-color-clone">
<li>
<button data-theme="theme-gradient-1" class="controller bg-gradient--1"></button>
</li>
<li>
<button data-theme="theme-gradient-2" class="controller bg-gradient--2"></button>
</li>
<li>
<button data-theme="theme-gradient-3" class="controller bg-gradient--3"></button>
</li>
<li>
<button data-theme="theme-gradient-4" class="controller bg-gradient--4"></button>
</li>
<li>
 <button data-theme="theme-gradient-5" class="controller bg-gradient--5"></button>
</li>
<li>
<button data-theme="theme-gradient-6" class="controller bg-gradient--6"></button>
</li>
<li>
<button data-theme="theme-gradient-7" class="controller bg-gradient--7"></button>
</li>
<li>
<button data-theme="theme-gradient-8" class="controller bg-gradient--8"></button>
</li>
</ul>
</div>
</div>


<div class="canvas-style switcher-clone">
<h4 class="switcher__item-title">Canvas style</h4>
<ul class="switcher-tab">
<li class="switcher-tab__item">
<button class="tab-full active">Full </button>
</li>
<li class="switcher-tab__item">
<button class="tab-boxed">Boxed</button>
</li>
</ul>
<div class="switcher-tab-content switcher-tab__pattern">
<ul class="switcher-boxed">
<li>
<button data-theme="circle-pattern" class="pcontroller circle-pattern">
<img class="media__content" src="img/patterns/circle-pattern.png" alt="">
</button>
</li>
<li>
<button data-theme="circles-light" class="pcontroller circles-light">
<img class="media__content" src="img/patterns/circles-light.png" alt="">
</button>
</li>
<li>
<button data-theme="leaf-pattern" class="pcontroller leaf-pattern">
<img class="media__content" src="img/patterns/leaf-pattern.png" alt="">
</button>
</li>
<li>
<button data-theme="memphis-colorful" class="pcontroller memphis-colorful">
<img class="media__content" src="img/patterns/memphis-colorful.png" alt="">
</button>
</li>
<li>
<button data-theme="round-pattern" class="pcontroller round-pattern">
<img class="media__content" src="img/patterns/round-pattern.png" alt="">
</button>
</li>
<li>
<button data-theme="spiration-light" class="pcontroller spiration-light">
<img class="media__content" src="img/patterns/spiration-light.png" alt="">
</button>
</li>
<li>
<button data-theme="swirl-pattern" class="pcontroller swirl-pattern">
<img class="media__content" src="img/patterns/swirl-pattern.png" alt="">
</button>
</li>
<li>
<button data-theme="tic-tac-toe" class="pcontroller tic-tac-toe">
<img class="media__content" src="img/patterns/tic-tac-toe.png" alt="">
</button>
</li>
<li>
<button data-theme="x-pattern" class="pcontroller x-pattern">
<img class="media__content" src="img/patterns/x-pattern.png" alt="">
</button>
</li>
<li>
 <button data-theme="hexagon" class="pcontroller hexagon">
<img class="media__content" src="img/patterns/hexagon.png" alt="">
</button>
</li>
<li>
<button data-theme="curls" class="pcontroller curls">
<img class="media__content" src="img/patterns/curls.png" alt="">
</button>
</li>
<li>
<button data-theme="darkness" class="pcontroller darkness">
<img class="media__content" src="img/patterns/darkness.png" alt="">
</button>
</li>
<li>
<button data-theme="spiration-dark" class="pcontroller spiration-dark">
<img class="media__content" src="img/patterns/spiration-dark.png" alt="">
</button>
</li>
<li>
<button data-theme="zig-zag-wool" class="pcontroller zig-zag-wool">
<img class="media__content" src="img/patterns/zig-zag-wool.png" alt="">
</button>
</li>
</ul>
</div>
</div>


<div class="theme-variation switcher-clone">
<h4 class="switcher__item-title">Landing Pages</h4>
<div class="switcher-tab-content switcher-tab__variation">
<div class="demo-item">
<a href="index.html"><img src="demo-assets/home-1.png" alt="image">
<span>
<i class="fas fa-check"></i>
</span>
</a>
</div>

<div class="demo-item">
<a href="home-2.html"><img src="demo-assets/home-2.png" alt="image">
<span>
<i class="fas fa-check"></i>
</span>
</a>
</div>

<div class="demo-item">
<a href="home-3.html"><img src="demo-assets/home-3.png" alt="image">
<span>
<i class="fas fa-check"></i>
</span>
</a>
</div>

<div class="demo-item active">
<a href="home-4.html"><img src="demo-assets/home-4.png" alt="image">
<span>
<i class="fas fa-check"></i>
</span>
</a>
</div>

<div class="demo-item">
<a href="home-5.html"><img src="demo-assets/home-5.png" alt="image">
<span>
<i class="fas fa-check"></i>
</span>
</a>
</div>

</div>
</div>

</div>
</div>


<div class="preloader">
<div class="wrapper">
<div class="blobs">
<div class="blob-center"></div>
<div class="blob"></div>
<div class="blob"></div>
<div class="blob"></div>
<div class="blob"></div>
<div class="blob"></div>
<div class="blob"></div>
</div>
<div>
<div class="loader-canvas canvas-left"></div>
<div class="loader-canvas canvas-right"></div>
</div>
</div>
</div>

<main class="main hidden">

<header class="navbar navbar-sticky navbar-expand-lg navbar-light">
<div class="container-fluid position-relative">
<a class="navbar-brand" href="index.html">
<img class="navbar-brand__regular" src="img/brand-logo-black.png" alt="brand-logo">
<img class="navbar-brand__sticky" src="img/brand-logo-black.png" alt="sticky brand-logo">
</a>

<button class="navbar-toggler d-lg-none" type="button" data-toggle="navbarToggler" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>

<div class="navbar-inner pl-lg-2 pl-xl-6">

<button class="navbar-toggler d-lg-none" type="button" data-toggle="navbarToggler" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>

<nav>
<ul class="navbar-nav" id="navbar-nav">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="javascript:;" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Landing Pages</a>
<ul class="dropdown-menu">
<li>
<a class="dropdown-item" href="index.html">Home - 1</a>
</li>
<li>
<a class="dropdown-item" href="home-2.html">Home - 2</a>
</li>
<li>
<a class="dropdown-item" href="home-3.html">Home - 3</a>
</li>
<li>
<a class="dropdown-item" href="home-4.html">Home - 4</a>
</li>
<li>
<a class="dropdown-item" href="home-5.html">Home - 5</a>
</li>
<li>
<a class="dropdown-item" href="home-6.html">Home-6</a>
</li>
<li>
<a class="dropdown-item" href="home-7.html">Home - 7</a>
</li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="javascript:;" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Pages </a>
<ul class="dropdown-menu">
<li>
<a class="dropdown-item" href="inner-knowledgebase.html">Knowledgebase</a>
</li>
<li>
<a class="dropdown-item" href="inner-faq.html">FAQ</a>
</li>
<li>
 <a class="dropdown-item" href="inner-login.html">Login</a>
</li>
<li>
<a class="dropdown-item" href="inner-signup.html">Signup</a>
</li>
<li>
<a class="dropdown-item" href="inner-recover-account.html">Recover Account</a>
</li>
<li>
<a class="dropdown-item" href="inner-coming-soon.html">Coming Soon</a>
</li>
<li>
<a class="dropdown-item" href="inner-404.html">Error 404</a>
</li>
<li>
<a class="dropdown-item" href="inner-maintenance.html">Maintenance</a>
</li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="javascript:;" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Blog </a>
<ul class="dropdown-menu">
<li class="dropdown-submenu"><a class="dropdown-item dropdown-toggle" href="javascript:;">Blog Pages</a>
<ul class="dropdown-menu dropdown-menu-left">
<li>
<a class="dropdown-item" href="blog-grid-2-col.html">Blog Grid 2 Column</a>
</li>
<li>
<a class="dropdown-item" href="blog-grid-3-col.html">Blog Grid 3 Column</a>
</li>
<li>
<a class="dropdown-item" href="blog-grid-2-col-sidebar-left.html">Blog Sidebar Left</a>
</li>
<li>
<a class="dropdown-item" href="blog-grid-2-col-sidebar-right.html">Blog Sidebar right</a>
</li>
</ul>
</li>
<li class="dropdown-submenu"><a class="dropdown-item dropdown-toggle" href="javascript:;">Blog Details</a>
<ul class="dropdown-menu">
<li>
<a class="dropdown-item" href="blog-details-full.html">Blog Details Full</a>
</li>
<li>
<a class="dropdown-item" href="blog-details-sidebar-right.html">Blog Details Sidebar Right</a>
</li>
<li>
<a class="dropdown-item" href="blog-details-sidebar-left.html">Blog Details Sidebar Left</a>
</li>
</ul>
</li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="http://docs.tunerpixel.com/spacemax/">Documentation</a>
</li>
</ul>

</nav>
</div>
<div class="mr-5 mr-lg-0 ml-lg-2">
<a href="#" class="btn btn-size--sm btn-bg--primary--05 btn-hover--splash color--primary"><span class="btn__text font-w--500">Log in</span></a>
</div>
</div>

</header>


<section class="hero hero--full hero--v11 bg-color--primary-light--1 d-flex align-items-center ">
<div class="svg-shape--top w-100">
<img src="img/layout/wave-8.svg" alt="wave" class="svg fill--white">
</div>

<div class="svg-shape--top">
<img src="img/layout/wave-9.svg" alt="wave" class="svg fill-primary-light--1">
</div>

<div class="container">
<div class="row flex-column-reverse flex-lg-row">
<div class="col-12 col-md-10 col-lg-7 mx-auto mx-lg-0 text-center text-lg-left z-index2">
<div class="hero-content reveal">
<div class="cd-intro">
<h1 class="hero__title h2-font font-w--700 mb-2 cd-headline letters scale">
Send Money Across <br> Borders More
<span class="cd-words-wrapper color--primary">
<b class="is-visible">Quickly</b>
<b>Reliably</b>
<b>Securly</b>
</span>
</h1>
</div>
<p class="hero__description text-color--700 opacity--70 font-size--20 mb-4 mb-lg-5 pr-xl-5">Computers have become ubiquitous in almost every facet of our lives. At work, desk jockeys spend hours in front of their desktops, while delivery people scan bar codes with handhelds.</p>

<div class="d-flex align-items-center justify-content-center justify-content-lg-start">
<a href="#" class="btn btn-hover--3d btn-bg--primary btn-size--lg mr-2">
<span class="btn__text">Sign up now</span>
</a>
<a class="lightbox" data-autoplay="true" data-vbtype="video" href="https://www.youtube.com/watch?v=aRh_eUQSmIg">
<span class="btn btn-media color--primary btn-media-size--md btn-bg--light rounded--full"><i class="icon icon-triangle-right"></i></span>
</a>
</div>

</div>

</div>

<div class="col-12 col-lg-6 mt-6 mt-lg-0 mb-3 mb-lg-0 pl-lg-7 pb-lg-3 pos-abs-lg-vertical-center pos-right hero__image">
<picture><img src="img/hero-11.png" alt="hero-image" class="img-fluid reveal"></picture>
</div>

</div>

</div>
</section>


<section class="py-4 pb-lg-10">
<div class="section-overlap bg-color--primary-light--1 pos-abs-top jsElement" data-height="360"></div>

<div class="container">
<div class="row">
<div class="col-12 col-sm-9 col-lg-6 mb-4 mb-lg-7 mx-auto text-center reveal">
<h2 class="mb-2 font-size--40 font-w--700">The future <br> of <span class="color--primary">banking</span> is here</h2>
<p>Computers have become ubiquitous in almost every facet of our lives. At work, desk jockeys spend hours. </p>
</div>
</div>

<div class="row">
<div class="col-12 col-sm-8 col-md-6 col-lg-4 mx-auto mb-3">
<div class="text-center">
<span class="icon--xl bg-color--primary rounded--full color--white mb-2">
<i class="icon icon-remittances"></i>
</span>
<h3 class="font-size--26 font-w--700">Remittances</h3>
<hr class="bg-color--primary border--none mx-auto mb-3 jsElement" data-height="3" data-width="80">
<p>If you are looking at blank cassettes on the web, you may be very confused at the difference in price.</p>
</div>

</div>

<div class="col-12 col-sm-8 col-md-6 col-lg-4 mx-auto mb-3">
<div class="text-center">
<span class="icon--xl bg-color--primary rounded--full color--white mb-2">
<i class="icon icon-mobile-money"></i>
</span>
<h3 class="font-size--26 font-w--700">Mobile Money</h3>
<hr class="bg-color--primary border--none mx-auto mb-3 jsElement" data-height="3" data-width="80">
<p>the difference in price. You may see some for as looking at blank cassettes on the web, you may be very confused in price.</p>
</div>

</div>

<div class="col-12 col-sm-8 col-md-6 col-lg-4 mx-auto mb-3">
<div class="text-center">
<span class="icon--xl bg-color--primary rounded--full color--white mb-2">
<i class="icon icon-micro-payments"></i>
</span>
<h3 class="font-size--26 font-w--700">Micro payments</h3>
<hr class="bg-color--primary border--none mx-auto mb-3 jsElement" data-height="3" data-width="80">
<p>If you are looking at blank cassettes on the web, you may be very confused at the difference in price.</p>
</div>

</div>

</div>
</div>
</section>


<section class="space bg-color--primary mx-xl-5">
<div class="svg-shape--top w-100 z-index1">
<img src="img/layout/braces.svg" alt="wave" class="svg w-100 fill--white">
</div>

<div class="svg-shape--top opacity--05">
<img src="img/layout/wave-11.svg" alt="wave" class="svg fill--white">
</div>

<div class="svg-shape opacity--05">
<img src="img/layout/wave-10.svg" alt="wave" class="svg fill--white">
</div>

<div class="position-relative mb-xl-10">
<div class="container">
<div class="row flex-column-reverse flex-lg-row-reverse align-items-center text-center">
<div class="col-12 col-md-10 col-lg-6 text-lg-left">
<div class="mb-3 mb-md-5">
 <h2 class="mb-2 h3-font mb-md-3 font-w--700">Today’s Payment Rails <br> Don’t Cut It</h2>
<p>The page also has a number of identity related issues that can be linked on the Internet to get connected to people of common interest and issues. They can be preferred forms such as hobbies, interests and common issues
followed by the people in the general. People connect to each other on the Internet using the myspace profile.</p>
</div>

<div class="row text-md-left justify-content-center">
<div class="col-12 col-sm-6 d-flex flex-column flex-md-row mb-4">
<span class="icon--3x mr-md-2 mb-1 mb-md-0 color--white"><i class="icon icon-turtle"></i></span>
<div>
<h3 class="h5-font font-w--700 mb-sm-1">VERY SLOW</h3>
<p>3-5 days to settle</p>
</div>
</div>

<div class="col-12 col-sm-6 d-flex flex-column flex-md-row mb-4">
<span class="icon--3x mr-md-2 mb-1 mb-md-0 color--white"><i class="icon icon-cut"></i></span>
<div>
<h3 class="h5-font font-w--700 mb-sm-1">UNRELIABLE</h3>
<p>High rates of failure</p>
</div>
</div>

<div class="col-12 col-sm-6 d-flex flex-column flex-md-row mb-4">
<span class="icon--3x mr-md-2 mb-1 mb-md-0 color--white"><i class="icon icon-card-update"></i></span>
<div>
<h3 class="h5-font font-w--700 mb-sm-1">EXPENSIVE</h3>
<p>$1.6 trillion in yearly costs*</p>
</div>
</div>

<div class="col-12 col-sm-6 d-flex flex-column flex-md-row mb-4">
<span class="icon--3x mr-md-2 mb-1 mb-md-0 color--white"><i class="icon icon-link-broken"></i></span>
<div>
<h3 class="h5-font font-w--700 mb-sm-1">UNACCEPTABLE</h3>
<p>User demand smooth experience</p>
</div>
</div>

</div>

</div>

<div class="col-12 col-lg-6 mb-3 mb-lg-0 pos-abs-lg-vertical-center pos-left text-lg-right pr-lg-10">
<picture><img src="img/illustration-16.png" alt="hero-image" class="img-fluid reveal"></picture>
</div>

</div>

</div>

</div>

<div class="position-relative pb-7 py-xl-10">
<div class="container">
<div class="row flex-column-reverse flex-lg-row align-items-center text-center">
<div class="col-12 col-md-10 col-lg-6 text-lg-left">
<h2 class="mb-3 h3-font font-w--700">SpaceMax is a superior <br>solution of everything</h2>
<p class="opacity--80">SpaceMax is designed to pioneer the plasma architecture, the leading scalability solution for Ethereum Layer 2. The SpaceMax network is a stakeholder and infinitely scalable blockchain for plasma with a decentralized exchange
built into its core consensus layer. <br> <br> We worked with different strategic investors worldwide. Our partners include financial and technology ecosystem leaders who are unique in their position to contribute to global
adoption.
</p>

</div>
<div class="col-12 col-lg-6 mt-5 mt-lg-0 mb-3 mb-lg-0 pl-lg-10 pos-abs-lg-vertical-center pos-right text-lg-left">
<picture><img src="img/illustration-17.png" alt="hero-image" class="img-fluid reveal"></picture>
</div>

</div>

</div>

</div>

</section>


<section class="space--bottom jsElement" data-pull="-60">
<div class="container">
<div class="row">
<div class="col-12 col-sm-6 col-lg-3 mb-3 mb-lg-0">
<div class="card border--none bg-white text-center box-shadow--4 py-4 px-2 d-flex align-items-center card-hover--shadow-3d">
<span class="icon--lg color--primary bg-color--primary-opacity--10 rounded--full mb-2"> <i class="icon icon-key"></i> </span>
<h3 class="h5-font font-w--700 mb-1">Access</h3>
<p class="font-size--16">If you are looking at blank cassettes on the web, you may be very confused at the price.</p>
</div>

</div>

<div class="col-12 col-sm-6 col-lg-3 mb-3 mb-lg-0">
<div class="card border--none bg-white text-center box-shadow--4 py-4 px-2 d-flex align-items-center card-hover--shadow-3d">
<span class="icon--lg color--primary bg-color--primary-opacity--10 rounded--full mb-2"> <i class="icon icon-metrics"></i></span>
<h3 class="h5-font font-w--700 mb-1">Speed</h3>
<p class="font-size--16">If you are looking at blank cassettes on the web, you may be very confused at the price.</p>
</div>

</div>

<div class="col-12 col-sm-6 col-lg-3 mb-3 mb-lg-0">
<div class="card border--none bg-white text-center box-shadow--4 py-4 px-2 d-flex align-items-center card-hover--shadow-3d">
<span class="icon--lg color--primary bg-color--primary-opacity--10 rounded--full mb-2"><i class="icon icon-touch-id"></i></span>
<h3 class="h5-font font-w--700 mb-1">Security</h3>
<p class="font-size--16">If you are looking at blank cassettes on the web, you may be very confused at the price.</p>
</div>

</div>

<div class="col-12 col-sm-6 col-lg-3 mb-3 mb-lg-0">
<div class="card border--none bg-white text-center box-shadow--4 py-4 px-2 d-flex align-items-center card-hover--shadow-3d">
<span class="icon--lg color--primary bg-color--primary-opacity--10 rounded--full mb-2"><i class="icon icon-3d-29"></i></span>
<h3 class="h5-font font-w--700 mb-1">Decentralized</h3>
<p class="font-size--16">If you are looking at blank cassettes on the web, you may be very confused at the price.</p>
</div>

</div>

</div>
</div>
</section>


<section>
<div class="svg-shape--top w-100 z-index1">
<img src="img/layout/braces.svg" alt="wave" class="svg w-100 fill--white">
</div>

<div class=" bg-color--primary-light--1 space--top position-relative z-index2">
<div class="container">
<div class="row">
<div class="col-12 col-lg-10 mx-auto text-center reveal">
<h2 class="mb-3 font-size--40 font-w--700"><span class="color--primary">Next generation</span> financial network <br> and decentralized economy.</h2>
<p class="mb-4 mb-lg-7 px-lg-6">SpaceMax is designed to pioneer the plasma architecture, the leading scalability solution for Ethereum Layer 2. The SpaceMax network is a stakeholder and infinitely scalable blockchain for plasma with a decentralized exchange
built into its core consensus layer. We worked with different strategic investors worldwide. Our partners include financial and technology ecosystem leaders who are unique in their position to contribute to global adoption.</p>
<a class="btn btn-bg--primary lightbox reveal" data-autoplay="true" data-vbtype="video" href="https://www.youtube.com/watch?v=aRh_eUQSmIg">
<span class="btn__text"><i class="icon icon-play-outline mr-1 font-size--30"></i>How SpaceMax works</span>
</a>
</div>
</div>

</div>
</div>

<div class="text-center position-relative space--bottom space--top--2 jsElement" data-pull="-40">
<div class="svg-shape--top w-100 z-index1">
<img src="img/layout/wave-12.svg" alt="wave" class="svg fill-primary-light--1 w-100">
</div>

<picture class="position-relative"><img class="img-fluid" src="img/illustration-18.png" alt=""></picture>
</div>

</section>


<section class="space--top bg-color--primary">
<div class="background-holder background--top--left">
<img src="img/layout/oval.png" alt="wave" class="background-image-holder">
</div>

<div class="svg-shape w-100 jsElement" data-push="250">
<img src="img/layout/wave-13.svg" alt="wave" class="svg w-100">
</div>

<div class="section-overlap bg-color--primary-light--1 d-lg-none d-xl-block pos-abs-bottom jsElement" data-height="170"></div>

<div class="container">
<div class="row text-center text-md-left justify-content-between align-items-lg-center align-items-xl-end mb-6">
<div class="col-12 col-sm-10 col-md-7 mb-5 mb-md-0 mx-auto mx-md-0 reveal">
<h2 class="mb-2 h3-font font-w--700">Partnered with <br> Innovative Leaders Globally</h2>
<p class="opacity--80">SpaceMax is designed to pioneer the plasma architecture, the leading scalability solution for Ethereum Layer 2. The SpaceMax network is a stakeholder and infinitely scalable blockchain for plasma.</p>
</div>

<div class="col-12 col-sm-8 col-md-5 col-xl-4 d-inline-flex d-lg-block align-items-center justify-content-center mx-auto mx-md-0">
<div class="card box-shadow--5 border--none p-5 p-md-4 pt-lg-3 pb-lg-5 px-lg-8 text-center">
<span class="font-size--72 color--green">400+</span>
<span class="h4-font text-color--400">Customers</span>
</div>
</div>

</div>

<div class="row justify-content-between align-items-lg-start">
<div class="col-12 col-lg-7 col-xl-7 d-flex flex-wrap flex-column flex-sm-row align-items-center justify-content-center align-items-lg-start justify-content-lg-start justify-content-xl-between mb-4 mb-lg-0 reveal">
<div class="card d-inline-flex border--none bg-color--transparent card-hover--bg--alt-shadow mb-1 mx-sm-2 mx-sm-1 mx-xl-0 mb-md-4 p-3 jsElementFocus">
<span><img src="img/partner-logo-v3-1.png" alt="partner"></span>
</div>

<div class="card d-inline-flex border--none bg-color--transparent card-hover--bg--alt-shadow mb-1 mx-sm-2 mx-xl-0 mb-md-4 p-3 jsElementFocus">
<span><img src="img/partner-logo-v3-2.png" alt="partner"></span>
</div>

<div class="card d-inline-flex border--none bg-color--transparent card-hover--bg--alt-shadow mb-1 mx-sm-2 mx-xl-0 mb-md-4 p-3 jsElementFocus">
<span><img src="img/partner-logo-v3-3.png" alt="partner"></span>
</div>

<div class="card d-inline-flex border--none bg-color--transparent card-hover--bg--alt-shadow mb-1 mx-sm-2 mx-xl-0 mb-md-4 p-3 jsElementFocus focused">
<span><img src="img/partner-logo-v3-4.png" alt="partner"></span>
</div>

<div class="card d-inline-flex border--none bg-color--transparent card-hover--bg--alt-shadow mb-1 mx-sm-2 mx-xl-0 mb-md-4 p-3 jsElementFocus">
<span><img src="img/partner-logo-v3-5.png" alt="partner"></span>
</div>

<div class="card d-inline-flex border--none bg-color--transparent card-hover--bg--alt-shadow mb-1 mx-sm-2 mx-xl-0 mb-md-4 p-3 jsElementFocus">
<span><img src="img/partner-logo-v3-6.png" alt="partner"></span>
</div>

</div>

<div class="col-12 col-md-10 col-lg-5 col-xl-4 mx-auto mx-lg-0">
<div class="testimonials testimonials--v2 position-relative pb-7">
<div class="carosuel-slider--v5 card box-shadow--5 p-3 pb-10">
<div class="slide">
<span class="testimonial__quote color--green"><i class="icon icon-quote"></i></span>
<blockquote class="body-font blockquote mb-2">SpaceMax is designed to pioneer the plasma architecture, the leading scalability network is a stakeholder and infinitely scalable blockchain for plasma.</blockquote>
<div class="d-flex align-items-center">
<span class="mr-2"><img src="img/avatar-1.png" alt="avatar"></span>
<div class="d-flex flex-column">
<span class="client-name font-size--17 font-w--600">Loretta Paul</span>
<span>Themeforest</span>
</div>
</div>
</div>

<div class="slide">
<span class="testimonial__quote color--green"><i class="icon icon-quote"></i></span>
<blockquote class="body-font blockquote mb-2">SpaceMax is designed to pioneer the plasma architecture, the leading scalability network is a stakeholder and infinitely scalable blockchain for plasma.</blockquote>
<div class="d-flex align-items-center">
<span class="mr-2"><img src="img/avatar-2.png" alt="avatar"></span>
<div class="d-flex flex-column">
<span class="client-name font-size--17 font-w--600">Jimmy Griffin</span>
<span>Themeforest</span>
</div>
</div>
</div>

<div class="slide">
<span class="testimonial__quote color--green"><i class="icon icon-quote"></i></span>
<blockquote class="body-font blockquote mb-2">SpaceMax is designed to pioneer the plasma architecture, the leading scalability network is a stakeholder and infinitely scalable blockchain for plasma.</blockquote>
<div class="d-flex align-items-center">
<span class="mr-2"><img src="img/avatar-3.png" alt="avatar"></span>
<div class="d-flex flex-column">
<span class="client-name font-size--17 font-w--600">Alan Rogers</span>
<span>Themeforest</span>
</div>
</div>
</div>

</div>
</div>
</div>

</div>

</div>

</section>


<section class="bg-color--primary-light--1 pt-6 pb-7 pb-lg-10">
<div class="container">
<div class="row">
<div class="col-12 col-sm-9 col-lg-6 mb-4 mb-lg-6 mx-auto text-center reveal">
<h2 class="mb-2 font-size--40 font-w--700">Join the Community</h2>
<p>SpaceMax is designed to pioneer the plasma architecture, the leading scalability solution for Ethereum is a stakeholder and infinitely scalable.</p>
</div>
</div>

<div class="row">
<div class="col-12 mx-auto">
<div class="icon-fill--wide text-center d-lg-flex justify-content-lg-center flex-wrap reveal">
<a class="t-icon box-shadow--5 rounded--05 m-1 btn-hover--primary" href="#">
<span class="t-icon__brand-icon h4-font color--primary"><i class="fab fa-telegram-plane"></i></span>
<span class="t-icon__brand-name h5-font font-w--500 text-color--700">telegram</span>
</a>
<a class="t-icon box-shadow--5 rounded--05 m-1 btn-hover--primary" href="#">
<span class="t-icon__brand-icon h4-font color--primary"><i class="fab fa-reddit-alien"></i></span>
<span class="t-icon__brand-name h5-font font-w--500 text-color--700">subreddit</span>
</a>
<a class="t-icon box-shadow--5 rounded--05 m-1 btn-hover--primary" href="#">
<span class="t-icon__brand-icon h4-font color--primary"><i class="fab fa-slack"></i></span>
<span class="t-icon__brand-name h5-font font-w--500 text-color--700">slack</span>
</a>
<a class="t-icon box-shadow--5 rounded--05 m-1 btn-hover--primary" href="#">
<span class="t-icon__brand-icon h4-font color--primary"><i class="fab fa-linkedin-in"></i></span>
<span class="t-icon__brand-name h5-font font-w--500 text-color--700">linkedin</span>
</a>
<a class="t-icon box-shadow--5 rounded--05 m-1 btn-hover--primary" href="#">
<span class="t-icon__brand-icon h4-font color--primary"><i class="fab fa-twitter"></i></span>
<span class="t-icon__brand-name h5-font font-w--500 text-color--700">twitter</span>
</a>
</div>

</div>

</div>

</div>

</section>


<section class="pb-6 pb-lg-10 bg-color--primary-light--1" id="news">
<div class="container">
<div class="row">
<div class="col-12 col-md-5 col-lg-6 reveal">
<div class="card card-hover--shadow border--none mb-3">
<a href="#"><img src="img/news-5.jpg" class="card-img-top" alt="news"></a>
<div class="card-body d-flex flex-column px-2 py-3 px-lg-4 py-lg-5">
<span class="font-size--14 text-color--400 mb-1">13rd July, 2019</span>
<a href="#" class="card-title h5-font font-w--500 text-color--700 mb-0 text-hover--primary">Facts Why Inkjet Printing Is Very Appealing Compared To Ordinary Printing.</a>
</div>
</div>

</div>

<div class="col-12 col-md-7 col-lg-6">
<div class="row">
<div class="col-12 col-md-6 reveal">
<div class="card card-hover--shadow border--none mb-3">
<a href="#"><img src="img/news-6.jpg" class="card-img-top" alt="news"></a>
<div class="card-body d-flex flex-column px-2 py-3">
<span class="font-size--14 text-color--400 mb-1">13rd July, 2019</span>
<a href="#" class="card-title font-size--16 font-w--500 text-color--700 mb-0 text-hover--primary">Life Advice Looking Through A Window.</a>
 </div>
</div>

</div>

<div class="col-12 col-md-6 reveal">
<div class="card card-hover--shadow border--none mb-3">
<a href="#"><img src="img/news-7.jpg" class="card-img-top" alt="news"></a>
<div class="card-body d-flex flex-column px-2 py-3">
<span class="font-size--14 text-color--400 mb-1">13rd July, 2019</span>
<a href="#" class="card-title font-size--16 font-w--500 text-color--700 mb-0 text-hover--primary">5 Reasons To Purchase Desktop Computer.</a>
</div>
</div>

</div>

<div class="col-12 reveal">
<div class="card card--full-image position-relative">
<img src="img/news-8.jpg" alt="news" class="card-img">
<div class="card-body d-flex flex-column p-3 px-lg-4 py-lg-3 pos-abs-bottom">
<span class="font-size--14 color--white mb-1">13rd July, 2019</span>
<a href="#" class="card-title h5-font color--white font-w--500 mb-0">Facts Why Inkjet Printing Is Very Appealing Compared To Ordinary Printing.</a>
</div>
</div>

</div>
</div>
</div>
</div>
</div>
</section>


<section class="space--top">
<div class=" position-relative pb-7 pb-md-4 pb-lg-1 pb-xl-0 z-index1">
<div class="container">
<div class="row">
<div class="col-12 col-sm-9 col-lg-6 mb-4 mb-lg-7 mx-auto text-center reveal">
<h2 class="mb-2 font-size--40 font-w--700">Sign up for the latest updates.</h2>
<p>SpaceMax is designed to pioneer the plasma architecture, the leading scalability solution for Ethereum is a stakeholder and infinitely scalable..</p>
</div>
</div>

<div class="row mb-8">
<div class="col-12 col-md-10 col-lg-6 mx-md-auto">
<div class="form--v4 reveal">
<form action="#" class="form bg-color--primary rounded--05">
<div class="input-group d-flex">
<input type="email" class="form-control" placeholder="Enter your email" required>
<button class="btn btn-hover--splash btn-bg--primary" type="submit"><span class="btn__text"><i class="icon icon-arrow-right"></i></span></button>
</div>
</form>

</div>
</div>
</div>

<div class="row">
<div class="col-12 col-md-10 col-lg-9 col-xl-8 text-center mx-auto mb-3 mb-sm-1">
<picture>
<img src="img/newsletter-illustrator-2.png" alt="illustration" class="img-fluid">
</picture>
</div>
</div>

</div>

</div>

<footer class="footer pt-10 bg-color--primary section--dark position-relative hidden jsElement" data-pull="-153">
<div class="pt-3 pt-lg-10 pb-6 pb-lg-10 border--bottom">
<div class="container">
<div class="row">
<div class="col-12 col-md-9 col-lg-4 mb-4 mb-xl-0">
<div class="pr-xl-3">
<span class="mb-3">
<img src="img/brand-logo-white.png" alt="brand-logo">
</span>
<p>The main objectives of the project are to meet the needs of cryptocurrency projects and users, and to provide access to investment product.</p>
</div>
</div>

<div class="col-6 col-md-4 col-lg-4 col-xl-2 mb-2 mb-xl-0">
<div class="widget widget-nav">
<span class="widget__title font-size--20 font-w--700 mb-1">Useful Link</span>
<ul>
<li><a href="#">How it works</a></li>
<li><a href="#">Token sale details</a></li>
<li><a href="#">Team</a></li>
<li><a href="#">Roadmap</a></li>
<li><a href="#">Documents</a></li>
</ul>
</div>
</div>

<div class="col-6 col-md-4 col-lg-4 col-xl-2 offset-xl-1 mb-2 mb-xl-0">
<div class="widget widget-nav">
<span class="widget__title font-size--20 font-w--700 mb-1">Documents</span>
<ul>
<li><a href="#">Whitepaper</a></li>
<li><a href="#">Onepager</a></li>
<li><a href="#">Privacy policy</a></li>
<li><a href="#">Terms of use</a></li>
<li><a href="#">Agreement</a></li>
</ul>
</div>
</div>

<div class="col-6 col-md-4 col-xl-3">
<span class="widget__title font-size--20 font-w--700 mb-1">Address</span>
<p class="font-size--16 color--white">SpaceMax PTE. LTD. 167 Jalan Bukit Merah #05-12 Connection One Singapore (150167)</p>
</div>

</div>
</div>

</div>

<div class="py-3">
<div class="container">
<div class="row">
<div class="col-12 text-center">
<p class="font-size--15 opacity--80">© 2019 <a href="#" class="color--white">SpaceMax</a>. All Rights Reserved.</p>
</div>
</div>

</div>

</div>

</footer>

</section>

</main>
<script src="js/plugins.min.js"></script>
<script src="js/app.js"></script>
</body>
</html>